
<!DOCTYPE HTML>
<html lang="cn" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>数组 · 前端学习笔记</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.2.3">
        <meta name="author" content="chengdaohua">
        
        
    
    <link rel="stylesheet" href="../../gitbook/style.css">

    
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-anchors/plugin.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-toggle-chapters/toggle.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-splitter/splitter.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-advanced-emoji/emoji-website.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-tbfed-pagefooter/footer.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-highlight/website.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-search/search.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-fontsettings/website.css">
                
            
        

    

    
        
    
        
    
        
    
        
    
        
    
        
    

        
    
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="../../gitbook/images/favicon.ico" type="image/x-icon">

    
    <link rel="next" href="object.html" />
    
    
    <link rel="prev" href="jsReadme.html" />
    

    </head>
    <body>
        
<div class="book">
    <div class="book-summary">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search" />
</div>

            
                <nav role="navigation">
                


<ul class="summary">
    
    
    
        
        <li>
            <a href="https://chengdaohua.gitee.io/remarkbook/" target="_blank" class="custom-link">Home</a>
        </li>
    
    

    
    <li class="divider"></li>
    

    
        
        
    
        <li class="chapter " data-level="1.1" data-path="../../">
            
                <a href="../../">
            
                    
                    介绍
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2" data-path="../vue/">
            
                <a href="../vue/">
            
                    
                    vue 学习
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.2.1" data-path="../vue/start.html">
            
                <a href="../vue/start.html">
            
                    
                    原理
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.2" data-path="../vue/mokuaihua.html">
            
                <a href="../vue/mokuaihua.html">
            
                    
                    模块化和组件化开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.3" data-path="../vue/huakucha.html">
            
                <a href="../vue/huakucha.html">
            
                    
                    花裤衩项目
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.4" data-path="../vue/chushihua.html">
            
                <a href="../vue/chushihua.html">
            
                    
                    项目初始化
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.5" data-path="../vue/guifan.html">
            
                <a href="../vue/guifan.html">
            
                    
                    代码规范
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.3" data-path="jsReadme.html">
            
                <a href="jsReadme.html">
            
                    
                    javaScript
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter active" data-level="1.3.1" data-path="array.html">
            
                <a href="array.html">
            
                    
                    数组
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.3.2" data-path="object.html">
            
                <a href="object.html">
            
                    
                    对象
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.3.3" data-path="function.html">
            
                <a href="function.html">
            
                    
                    函数
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.3.4" data-path="string.html">
            
                <a href="string.html">
            
                    
                    字符串
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.4" data-path="../review/project.html">
            
                <a href="../review/project.html">
            
                    
                    review
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.4.1" data-path="../review/CodeReview.html">
            
                <a href="../review/CodeReview.html">
            
                    
                    CoderReview
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.5" data-path="../node/简介.html">
            
                <a href="../node/简介.html">
            
                    
                    node
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.5.1" data-path="../node/简介.html">
            
                <a href="../node/简介.html">
            
                    
                    简介
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.2" data-path="../node/express.html">
            
                <a href="../node/express.html">
            
                    
                    express
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.6" data-path="../ts/ts.html">
            
                <a href="../ts/ts.html">
            
                    
                    ts
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7" data-path="../websocket/websocket.html">
            
                <a href="../websocket/websocket.html">
            
                    
                    websocket
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.8" data-path="../webpack/webpack.html">
            
                <a href="../webpack/webpack.html">
            
                    
                    webpack
            
                </a>
            

            
        </li>
    

    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            Published with GitBook
        </a>
    </li>
</ul>


                </nav>
            
        
    </div>

    <div class="book-body">
        
            <div class="body-inner">
                
                    

<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../.." >数组</a>
    </h1>
</div>




                    <div class="page-wrapper" tabindex="-1" role="main">
                        <div class="page-inner">
                            
<div id="book-search-results">
    <div class="search-noresults">
    
                                <section class="normal markdown-section">
                                
                                <h3 id="javascript-&#x6570;&#x7EC4;"><a name="javascript-&#x6570;&#x7EC4;" class="plugin-anchor" href="#javascript-&#x6570;&#x7EC4;"><i class="fa fa-link" aria-hidden="true"></i></a>javaScript &#x6570;&#x7EC4;</h3>
<p>&#x5F15;&#x7528;&#x7C7B;&#x578B;&#x6570;&#x636E;&#xFF0C;&#x662F;&#x4E00;&#x79CD;&#x7279;&#x6B8A;&#x7684;&#x5BF9;&#x8C61;</p>
<h5 id="&#x521B;&#x5EFA;"><a name="&#x521B;&#x5EFA;" class="plugin-anchor" href="#&#x521B;&#x5EFA;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x521B;&#x5EFA;</h5>
<pre><code>// &#x65B9;&#x5F0F;&#x4E00;
var arr = [1,2,3];
// &#x65B9;&#x5F0F;&#x4E8C;
var arr = new Array(3); //&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x957F;&#x5EA6;&#x4E3A;3&#x7684;&#x6570;&#x7EC4;&#xFF08;&#x6570;&#x7EC4;&#x9879;&#x90FD;&#x4E3A;undefined&#xFF09;
var arr = new Array(&apos;&#x5C0F;&#x9E23;&apos;,18,&apos;&#x7537;&apos; ); //&#x521B;&#x5EFA;&#x6570;&#x7EC4;&#x5E76;&#x5199;&#x5165;&#x6570;&#x7EC4;&#x5143;&#x7D20; [&apos;&#x5C0F;&#x9E23;&apos;,18,&apos;&#x7537;&apos;]
</code></pre><h5 id="&#x68C0;&#x67E5;&#x7C7B;&#x578B;"><a name="&#x68C0;&#x67E5;&#x7C7B;&#x578B;" class="plugin-anchor" href="#&#x68C0;&#x67E5;&#x7C7B;&#x578B;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x68C0;&#x67E5;&#x7C7B;&#x578B;</h5>
<pre><code>Array.isArray();
a.call([])===[object Array]
arr.constructor === Array
arr.instanceof Array

function Fn(){};
Fn.prototype=new Array();
var f=new Fn();
console.log(f.constructor===Array);  true    &#x4E0D;&#x53EF;&#x9760;&#xFF0C;&#x4F1A;&#x5224;&#x65AD;&#x539F;&#x578B;
console.log(f instanceof Array);  true     &#x4E0D;&#x53EF;&#x9760;&#xFF0C;&#x4F1A;&#x5224;&#x65AD;&#x539F;&#x578B;
</code></pre><h5 id="&#x7D22;&#x5F15;&#x3001;&#x67E5;&#x8BE2;"><a name="&#x7D22;&#x5F15;&#x3001;&#x67E5;&#x8BE2;" class="plugin-anchor" href="#&#x7D22;&#x5F15;&#x3001;&#x67E5;&#x8BE2;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x7D22;&#x5F15;&#x3001;&#x67E5;&#x8BE2;</h5>
<p>find &#x5BF9;&#x6570;&#x7EC4;&#x4E2D;&#x7684;&#x6BCF;&#x4E00;&#x9879;&#x8FD0;&#x884C;&#x7ED9;&#x5B9A;&#x51FD;&#x6570;&#xFF0C;&#x8FD4;&#x56DE;&#x7B26;&#x5408;&#x6761;&#x4EF6;&#x7684;&#x7B2C;&#x4E00;&#x4E2A;&#x6570;&#x7EC4;&#x5143;&#x7D20;&#xFF0C;&#x6CA1;&#x6709;&#x5219;&#x8FD4;&#x56DE; undefined&#x3002;</p>
<pre><code> var ages = [3, 10, 18, 20];
 function checkAdult(age) {
    return age &gt;= 18;
}
 ages.find(checkAdult);     // 18
</code></pre><p>&#x7D22;&#x5F15; indexOf / lastIndexOf(keyword,[startIndex])
&#x3010;&#x652F;&#x6301;&#x5B83;&#x4EEC;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x5305;&#x62EC; IE9+&#x3001;Firefox 2+&#x3001;Safari 3+&#x3001;Opera 9.5+&#x548C; Chrome&#x3002;&#x3011;</p>
<pre><code>var arr=[1,2,3,4]
arr.indexOf(2);  //&#x8FD4;&#x56DE;1
</code></pre><p>// &#x67E5;&#x8BE2;&#x957F;&#x5EA6;</p>
<pre><code>var arr=[1,2,3]
arr.length    // 3
</code></pre><h5 id="&#x65B9;&#x6CD5;"><a name="&#x65B9;&#x6CD5;" class="plugin-anchor" href="#&#x65B9;&#x6CD5;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x65B9;&#x6CD5;</h5>
<pre><code>      var arr = new Array(1, 2, 3, 4, 5, 6, 7, 8, 9)
      // push()&#x8FD4;&#x56DE;&#x6570;&#x7EC4;&#x4E2D;&#x5143;&#x7D20;&#x7684;&#x4E2A;&#x6570;&#xFF0C;&#x5411;&#x6570;&#x7EC4;&#x5C3E;&#x90E8;&#x4E2D;&#x589E;&#x52A0;&#x5143;&#x7D20;&#xFF0C;&#x6709;&#x591A;&#x5C11;&#x52A0;&#x591A;&#x5C11;&#xFF0C;&#x539F;&#x6570;&#x7EC4;&#x53D1;&#x751F;&#x6539;&#x53D8;&#x3002;
      var length = arr.push(10)
      console.log(arr) // [1,2,3,4,5,6,7,8,9,10]
      console.log(length) // 10

      // pop()&#x4ECE;&#x6570;&#x7EC4;&#x7684;&#x5C3E;&#x90E8;&#x5220;&#x9664;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#xFF0C;&#x8FD4;&#x56DE;&#x8FD9;&#x4E2A;&#x5220;&#x9664;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x4E0D;&#x63A5;&#x6536;&#x53C2;&#x6570;
      arr.pop()
      console.log(arr) // [1,2,3,4,5,6,7,8,9]
      arr.unshift(0) // &#x8FD4;&#x56DE;&#x6570;&#x7EC4;&#x4E2D;&#x5143;&#x7D20;&#x7684;&#x4E2A;&#x6570;&#x5411;&#x6570;&#x7EC4;&#x7684;&#x5934;&#x90E8;&#x589E;&#x52A0;&#x5143;&#x7D20;&#xFF0C;&#x62EC;&#x53F7;&#x4E2D;&#x6709;&#x591A;&#x5C11;&#x5C31;&#x52A0;&#x591A;&#x5C11;&#xFF0C;&#x539F;&#x6570;&#x7EC4;&#x53D1;&#x751F;&#x6539;&#x53D8;
      arr.shift() // &#x4ECE;&#x6570;&#x7EC4;&#x7684;&#x5934;&#x90E8;&#x5220;&#x9664;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#xFF0C;&#x8FD4;&#x56DE;&#x8FD9;&#x4E2A;&#x5220;&#x9664;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x4E0D;&#x63A5;&#x6536;&#x53C2;&#x6570;
      arr.slice(4) // &#x4ECE;&#x4E0B;&#x6807;&#x4E3A;4&#x7684;&#x5F00;&#x59CB;&#x622A;&#x53D6;&#xFF0C;&#x76F4;&#x81F3;&#x6570;&#x7EC4;&#x7ED3;&#x675F;
      arr.slice(0, 2) // &#x4ECE;&#x4E0B;&#x6807;0&#x5F00;&#x59CB;&#x622A;&#x53D6;&#xFF0C;&#x5230;&#x4E0B;&#x6807;2&#x7ED3;&#x675F;&#xFF0C;&#x4E0D;&#x5305;&#x542B;&#x4E0B;&#x6807;2&#x7684;&#x6570;&#xFF0C;&#x6B64;&#x65B9;&#x6CD5;&#x539F;&#x6570;&#x7EC4;&#x4E0D;&#x53D8;
      arr.splice(4) // &#x4E00;&#x4E2A;&#x53C2;&#x6570;&#xFF0C;&#x4ECE;&#x4E0B;&#x6807;4&#x5BF9;&#x5E94;&#x7684;&#x4F4D;&#x7F6E;&#x5F00;&#x59CB;&#xFF0C;&#x76F4;&#x5230;&#x6570;&#x7EC4;&#x7ED3;&#x675F;
      arr.splice(0, 1) // &#x4E24;&#x4E2A;&#x53C2;&#x6570;&#x4ECE;&#x4E0B;&#x6807;&#x4E3A;0&#x5F00;&#x59CB;&#xFF0C;&#x7B2C;&#x4E8C;&#x4E2A;&#x53C2;&#x6570;&#x622A;&#x53D6;&#x957F;&#x5EA6;
      arr.aplice(1, 2, 1, 1, 1) // &#x4E09;&#x4E2A;&#x53CA;&#x4E09;&#x4E2A;&#x4EE5;&#x4E0A;&#x7684;&#x53C2;&#x6570;&#xFF0C;&#x4ECE;&#x622A;&#x53D6;&#x7684;&#x8D77;&#x59CB;&#x4F4D;&#x7F6E;&#x5F00;&#x59CB;&#x6DFB;&#x52A0;&#x7B2C;&#x4E09;&#x4E2A;&#x53CA;&#x4EE5;&#x540E;&#x7684;&#x6240;&#x6709;&#x53C2;&#x6570;&#xFF0C;&#x6B64;&#x65B9;&#x6CD5;&#x539F;&#x6570;&#x7EC4;&#x6539;&#x53D8;
      arr.reverse() // &#x6570;&#x7EC4;&#x7FFB;&#x8F6C;&#xFF0C;&#x8BE5;&#x65B9;&#x6CD5;&#x4F1A;&#x6539;&#x53D8;&#x539F;&#x6765;&#x7684;&#x6570;&#x7EC4;&#xFF0C;&#x800C;&#x4E0D;&#x4F1A;&#x521B;&#x5EFA;&#x65B0;&#x7684;&#x6570;&#x7EC4;
      arr.sort() // &#x65E0;&#x53C2;&#x6570;&#x9ED8;&#x8BA4;&#x4ECE;&#x5C0F;&#x5230;&#x5927;&#x6392;&#x5E8F;&#xFF0C;&#x5224;&#x65AD;&#x65B9;&#x5F0F;&#xFF1A;&#x6309;&#x4F4D;&#x5224;&#x65AD;
      arr.sort(function(a, b) {
        // &#x4ECE;&#x5927;&#x5230;&#x5C0F;&#x6392;&#x5E8F;
        return b - a
      })
      var arr1 = [11, 12]
      var arr3 = arr1.concat(arr, 33, 44) // &#x5C06;arr1,arr,33,44&#x62FC;&#x63A5;&#x4E3A;&#x4E00;&#x4E2A;&#x65B0;&#x7684;&#x6570;&#x7EC4;&#xFF0C;&#x7528;arr3&#x63A5;&#x6536;
      arr.join(&apos;-&apos;) // &#x5C06;&#x6570;&#x7EC4;&#x8F6C;&#x5316;&#x4E3A;&#x4E3A;&#x5B57;&#x7B26;&#x4E32;&#xFF0C;&#x4EE5;&#x62EC;&#x53F7;&#x5185;&#x7684;&#x62FC;&#x63A5;
</code></pre><h5 id="&#x8FDB;&#x9636;&#x7528;&#x6CD5;"><a name="&#x8FDB;&#x9636;&#x7528;&#x6CD5;" class="plugin-anchor" href="#&#x8FDB;&#x9636;&#x7528;&#x6CD5;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x8FDB;&#x9636;&#x7528;&#x6CD5;</h5>
<pre><code>from(&#x8981;&#x8F6C;&#x6362;&#x4E3A;&#x6570;&#x7EC4;&#x7684;&#x5BF9;&#x8C61;, mapFunction, thisValue)&#xFF1A;&#x5C06;&#x7C7B;&#x6570;&#x7EC4;&#x5BF9;&#x8C61;&#x8F6C;&#x6362;&#x4E3A;&#x6570;&#x7EC4;&#xFF0C;&#x5426;&#x5219;&#x8FD4;&#x56DE;&#x7A7A;&#x6570;&#x7EC4;&#x3002;
let arrayLike = {&apos;0&apos;: &apos;a&apos;,&apos;1&apos;: &apos;b&apos;,&apos;2&apos;: &apos;c&apos;,length: 3 };
// ES5&#x7684;&#x5199;&#x6CD5; var arr1 = [].slice.call(arrayLike); // [&apos;a&apos;, &apos;b&apos;, &apos;c&apos;]
// ES6&#x7684;&#x5199;&#x6CD5; let arr2 = Array.from(arrayLike); // [&apos;a&apos;, &apos;b&apos;, &apos;c&apos;]

fill(&#x586B;&#x5145;&#x5143;&#x7D20;, &#x5F00;&#x59CB;&#x4F4D;&#x7F6E;, &#x505C;&#x6B62;&#x4F4D;&#x7F6E;)&#xFF1A;&#x4F7F;&#x7528;&#x4E00;&#x4E2A;&#x56FA;&#x5B9A;&#x503C;&#x6765;&#x586B;&#x5145;&#x6570;&#x7EC4;
var fruits = [&quot;Banana&quot;, &quot;Orange&quot;, &quot;Apple&quot;, &quot;Mango&quot;];
fruits.fill(&quot;Runoob&quot;, 2, 4); // Banana,Orange,Runoob,Runoob

copyWithin()
&#x7528;&#x6CD5;&#xFF1A;&#x6D45;&#x590D;&#x5236;&#x6570;&#x7EC4;&#x7684;&#x4E00;&#x90E8;&#x5206;&#x5230;&#x540C;&#x4E00;&#x6570;&#x7EC4;&#x4E2D;&#x7684;&#x53E6;&#x4E00;&#x4E2A;&#x4F4D;&#x7F6E;&#xFF0C;&#x5E76;&#x8FD4;&#x56DE;&#x5B83;&#xFF0C;&#x800C;&#x4E0D;&#x4FEE;&#x6539;&#x5176;&#x5927;&#x5C0F;
&#x91CD;&#x70B9;&#x662F;&#x4E0D;&#x6539;&#x53D8;&#x5927;&#x5C0F;
[1, 2, 3, 4, 5].copyWithin(0, 3); // =&gt; [4,5,3,4,5]

&#x6570;&#x7EC4;&#x8FED;&#x4EE3;&#x65B9;&#x6CD5;&#xFF08;IE9+&#x3001;Firefox 2+&#x3001;Safari 3+&#x3001;Opera 9.5+&#x548C; Chrome&#xFF09;&#x3000;
  1.forEach(fn)&#xFF1A;&#x7528;&#x4E8E;&#x66FF;&#x4EE3;for&#x5FAA;&#x73AF;&#xFF0C;&#x6BD4;for&#x5FAA;&#x73AF;&#x7B80;&#x4FBF;&#xFF0C;&#x4F46;&#x4E0D;&#x80FD;&#x968F;&#x610F;&#x9000;&#x51FA;&#xFF0C;&#x4E0D;&#x80FD;&#x4F7F;&#x7528;break&#x3002;&#x6B64;&#x65B9;&#x6CD5;&#x6CA1;&#x6709;&#x8FD4;&#x56DE;&#x503C;&#x3002;
  2.map(fn):&#x8FD4;&#x56DE;&#x7684;&#x662F;&#x4E00;&#x4E2A;&#x6570;&#x91CF;&#x76F8;&#x7B49;&#x7684;&#x65B0;&#x6570;&#x7EC4;&#xFF0C;&#x9002;&#x7528;&#x4E8E;&#x6570;&#x7EC4;&#x4E2D;&#x7684;&#x5BF9;&#x8C61;&#xFF0C;&#x4E0D;&#x4F1A;&#x6539;&#x53D8;&#x539F;&#x6570;&#x7EC4;&#x3002;
  3.filter(fn): &#x5F97;&#x5230;&#x6267;&#x884C;fn&#x540E;&#x8FD4;&#x56DE;&#x65F6;true&#x5BF9;&#x5E94;&#x7684;&#x6570;&#x7EC4;&#x5143;&#x7D20;&#x7EC4;&#x6210;&#x7684;&#x6570;&#x7EC4;&#xFF0C;&#x7B5B;&#x9009;&#x8FD4;&#x56DE;&#x65B0;&#x6570;&#x7EC4;&#xFF0C;&#x4E0D;&#x6539;&#x53D8;&#x539F;&#x6765;&#x6570;&#x7EC4;&#x3002;
  4.some(fn):&#x5982;&#x679C;&#x8BE5;&#x51FD;&#x6570;&#x5BF9;&#x4EFB;&#x4F55;&#x4E00;&#x9879;&#x8FD4;&#x56DE;ture,&#x5219;&#x8FD4;&#x56DE;ture&#x3002;
              --&gt;&#x7528;&#x4E8E;&#x5224;&#x65AD;&#x6570;&#x7EC4;&#x662F;&#x5426;&#x5B58;&#x5728;&#x67D0;&#x4E2A;&#x5C5E;&#x6027;&#x503C;/&#x5BF9;&#x8C61;&#x7B49;&#xFF08;indexOf&#x6709;&#x5C40;&#x9650;&#x6027;&#xFF09;
  5.every(fn):&#x6267;&#x884C;&#x51FD;&#x6570;&#x65F6;&#xFF0C;&#x6240;&#x4EE5;&#x90FD;&#x8FD4;&#x56DE;ture,&#x5219;&#x8FD4;&#x56DE;ture&#x3002;

&#x6570;&#x7EC4;&#x5F52;&#x5E76;&#x65B9;&#x6CD5;
  reduce()&#x548C; reduceRight()&#xFF0C;&#x8FD9;&#x4E24;&#x4E2A;&#x65B9;&#x6CD5;&#x90FD;&#x4F1A;&#x8FED;&#x4EE3;&#x6570;&#x7EC4;&#x7684;&#x6240;&#x6709;&#x9879;&#xFF0C;&#x7136;&#x540E;&#x6784;&#x5EFA;&#x4E00;&#x4E2A;&#x6700;&#x7EC8;&#x8FD4;&#x56DE;&#x7684;&#x503C;&#x3002;
</code></pre><ul>
<li><p><a href="https://www.php.cn/js-tutorial-407082.html" target="_blank">&#x6570;&#x7EC4;&#x904D;&#x5386;&#x65B9;&#x6CD5;&#x6027;&#x80FD;&#x6BD4;&#x8F83;</a></p>
</li>
<li><p><a href="https://www.jianshu.com/p/e375ba1cfc47" target="_blank">JS &#x6570;&#x7EC4; reduce()&#x65B9;&#x6CD5;&#x8BE6;&#x89E3;&#x53CA;&#x9AD8;&#x7EA7;&#x6280;&#x5DE7;</a></p>
</li>
</ul>
<h5 id="vue-&#x4E2D;&#x6570;&#x7EC4;&#x53CC;&#x5411;&#x7ED1;&#x5B9A;"><a name="vue-&#x4E2D;&#x6570;&#x7EC4;&#x53CC;&#x5411;&#x7ED1;&#x5B9A;" class="plugin-anchor" href="#vue-&#x4E2D;&#x6570;&#x7EC4;&#x53CC;&#x5411;&#x7ED1;&#x5B9A;"><i class="fa fa-link" aria-hidden="true"></i></a>Vue &#x4E2D;&#x6570;&#x7EC4;&#x53CC;&#x5411;&#x7ED1;&#x5B9A;</h5>
<p>&#x7531;&#x4E8E; JavaScript &#x7684;&#x9650;&#x5236;&#xFF0C;Vue &#x4E0D;&#x80FD;&#x68C0;&#x6D4B;&#x4EE5;&#x4E0B;&#x6570;&#x7EC4;&#x7684;&#x53D8;&#x52A8;&#xFF1A;
&#x5F53;&#x4F60;&#x5229;&#x7528;&#x7D22;&#x5F15;&#x76F4;&#x63A5;&#x8BBE;&#x7F6E;&#x4E00;&#x4E2A;&#x6570;&#x7EC4;&#x9879;&#x65F6;&#xFF0C;&#x4F8B;&#x5982;&#xFF1A;vm.items[indexOfItem] = newValue
&#x5F53;&#x4F60;&#x4FEE;&#x6539;&#x6570;&#x7EC4;&#x7684;&#x957F;&#x5EA6;&#x65F6;&#xFF0C;&#x4F8B;&#x5982;&#xFF1A;vm.items.length = newLength
&#x5982;&#x4F55;&#x66F4;&#x65B0;
vm.$set(vm.items, indexOfItem, newValue)
vm.items.splice(newLength)</p>
<p>&#x6570;&#x7EC4;&#x53CC;&#x5411;&#x6570;&#x636E;&#x7ED1;&#x5B9A;</p>
<pre><code>var a={};
bValue=1;
Object.defineProperty(a,&quot;b&quot;,{
    set:function(value){
        bValue=value;
        console.log(&quot;setted&quot;);
    },
    get:function(){
        return bValue;
    }
});
a.b;//1
a.b=[];//setted
a.b=[1,2,3];//setted
a.b[1]=10;//&#x65E0;&#x8F93;&#x51FA;
a.b.push(4);//&#x65E0;&#x8F93;&#x51FA;
a.b.length=5;//&#x65E0;&#x8F93;&#x51FA;
a.b;//[1,10,3,4,undefined];
</code></pre><p>&#x53EF;&#x4EE5;&#x770B;&#x5230;&#xFF0C;&#x5F53; a.b &#x88AB;&#x8BBE;&#x7F6E;&#x4E3A;&#x6570;&#x7EC4;&#x540E;&#xFF0C;&#x53EA;&#x8981;&#x4E0D;&#x662F;&#x91CD;&#x65B0;&#x8D4B;&#x503C;&#x4E00;&#x4E2A;&#x65B0;&#x7684;&#x6570;&#x7EC4;&#x5BF9;&#x8C61;&#xFF0C;&#x4EFB;&#x4F55;&#x5BF9;&#x6570;&#x7EC4;&#x5185;&#x90E8;&#x7684;&#x4FEE;&#x6539;&#x90FD;&#x4E0D;&#x4F1A;&#x89E6;&#x53D1; setter &#x65B9;&#x6CD5;&#x7684;&#x6267;&#x884C;&#x3002;&#x8FD9;&#x4E00;&#x70B9;&#x975E;&#x5E38;&#x91CD;&#x8981;&#xFF0C;&#x56E0;&#x4E3A;&#x57FA;&#x4E8E; Object.defineProperty()&#x65B9;&#x6CD5;&#x7684;&#x73B0;&#x4EE3;&#x524D;&#x7AEF;&#x6846;&#x67B6;&#x5B9E;&#x73B0;&#x7684;&#x6570;&#x636E;&#x53CC;&#x5411;&#x7ED1;&#x5B9A;&#x4E5F;&#x540C;&#x6837;&#x65E0;&#x6CD5;&#x8BC6;&#x522B;&#x8FD9;&#x6837;&#x7684;&#x6570;&#x7EC4;&#x53D8;&#x5316;&#x3002;&#x56E0;&#x6B64;&#x7B2C;&#x4E00;&#x70B9;&#xFF0C;&#x5982;&#x679C;&#x60F3;&#x8981;&#x89E6;&#x53D1;&#x6570;&#x636E;&#x53CC;&#x5411;&#x7ED1;&#x5B9A;&#xFF0C;&#x6211;&#x4EEC;&#x4E0D;&#x8981;&#x4F7F;&#x7528; arr[1]=newValue;&#x8FD9;&#x6837;&#x7684;&#x8BED;&#x53E5;&#x6765;&#x5B9E;&#x73B0;&#xFF1B;&#x7B2C;&#x4E8C;&#x70B9;&#xFF0C;&#x6846;&#x67B6;&#x4E5F;&#x63D0;&#x4F9B;&#x4E86;&#x8BB8;&#x591A;&#x65B9;&#x6CD5;&#x6765;&#x5B9E;&#x73B0;&#x6570;&#x7EC4;&#x7684;&#x53CC;&#x5411;&#x7ED1;&#x5B9A;&#x3002;
&#x5BF9;&#x4E8E;&#x6846;&#x67B6;&#x5982;&#x4F55;&#x5B9E;&#x73B0;&#x6570;&#x7EC4;&#x53D8;&#x5316;&#x7684;&#x76D1;&#x6D4B;&#xFF0C;&#x5927;&#x591A;&#x6570;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x6846;&#x67B6;&#x4F1A;&#x91CD;&#x5199; Array.prototype.push &#x65B9;&#x6CD5;&#xFF0C;&#x5E76;&#x751F;&#x6210;&#x4E00;&#x4E2A;&#x65B0;&#x7684;&#x6570;&#x7EC4;&#x8D4B;&#x503C;&#x7ED9;&#x6570;&#x636E;&#xFF0C;&#x8FD9;&#x6837;&#x6570;&#x636E;&#x53CC;&#x5411;&#x7ED1;&#x5B9A;&#x5C31;&#x4F1A;&#x89E6;&#x53D1;&#x3002;
<br>
<br>
&#x601D;&#x8003;&#xFF1A;</p>
<ul>
<li><a href="https://www.jb51.net/article/171872.htm" target="_blank">&#x4E3A;&#x4F55; vue &#x4E0D;&#x5BF9;&#x6240;&#x6709;&#x6570;&#x7EC4;&#x7684;&#x952E;&#x503C;&#x8FDB;&#x884C;&#x7ED1;&#x5B9A;&#x76D1;&#x542C;&#xFF1F;</a>
&#x9996;&#x5148;&#xFF0C;&#x957F;&#x5EA6;&#x4E3A; 1000&#xFF0C;&#x4F46;&#x53EA;&#x6709; 4 &#x4E2A;&#x5143;&#x7D20;&#x7684;&#x6570;&#x7EC4;&#x5E76;&#x4E0D;&#x4E00;&#x5B9A;&#x4F1A;&#x5F71;&#x54CD;&#x6027;&#x80FD;&#xFF0C;&#x56E0;&#x4E3A; js &#x4E2D;&#x5BF9;&#x6570;&#x636E;&#x7684;&#x904D;&#x5386;&#x9664;&#x4E86; for &#x5FAA;&#x73AF;&#x8FD8;&#x6709; forEach&#x3001;map&#x3001;filter&#x3001;some &#x7B49;&#xFF0C;&#x9664;&#x4E86; for &#x5FAA;&#x73AF;&#x5916;(for###,for...of)&#xFF0C;&#x5176;&#x4ED6;&#x7684;&#x904D;&#x5386;&#x90FD;&#x662F;&#x5BF9;&#x952E;&#x503C;&#x7684;&#x904D;&#x5386;&#xFF0C;&#x4E5F;&#x5C31;&#x662F;&#x9664;&#x4E86;&#x90A3;&#x56DB;&#x4E2A;&#x5143;&#x7D20;&#x5916;&#x7684;&#x7A7A;&#x4F4D;&#x5E76;&#x4E0D;&#x4F1A;&#x8FDB;&#x884C;&#x904D;&#x5386;(&#x6267;&#x884C;&#x56DE;&#x8C03;)&#xFF0C;&#x6240;&#x4EE5;&#x4E5F;&#x5C31;&#x4E0D;&#x4F1A;&#x9020;&#x6210;&#x6027;&#x80FD;&#x635F;&#x8017;&#xFF0C;&#x56E0;&#x4E3A;&#x5FAA;&#x73AF;&#x4F53;&#x4E2D;&#x6CA1;&#x6709;&#x64CD;&#x4F5C;&#x7684;&#x8BDD;&#xFF0C;&#x6240;&#x5E26;&#x6765;&#x7684;&#x6027;&#x80FD;&#x5F71;&#x54CD;&#x53EF;&#x4EE5;&#x5FFD;&#x7565;&#x4E0D;&#x8BA1;&#xFF0C;&#x4E0B;&#x9762;&#x662F;&#x957F;&#x5EA6;&#x4E3A; 10000&#xFF0C;&#x4F46;&#x53EA;&#x6709;&#x4E24;&#x4E2A;&#x5143;&#x7D20;&#x7684;&#x6570;&#x7EC4;&#x5206;&#x522B;&#x4F7F;&#x7528; for &#x53CA; forEach &#x904D;&#x5386;&#x7684;&#x7ED3;&#x679C;&#xFF1A;</li>
</ul>
<pre><code>var arr = [1]; arr[10000] = 1
function a(){
  console.time()
  for(var i = 0;i&lt;arr.length;i++)console.log(1)
  console.timeEnd()
}
a(); //default: 567.1669921875ms
a(); //default: 566.2451171875ms

function b(){
  console.time()
  arr.forEach((item,index)=&gt;{console.log(2,index)})
  console.timeEnd()
}
b(); //2  10000   default: 0.81982421875ms
b(); //2  10000   default: 0.434814453125ms
</code></pre><p>&#x53C2;&#x8003;&#x6587;&#x6863;&#xFF1A;
<br>
<a href="https://cn.vuejs.org/v2/guide/list.html" target="_blank">vue &#x5B98;&#x65B9;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x8BF4;&#x660E;</a>
<br>
<a href="https://zhuanlan.zhihu.com/p/22983372" target="_blank">&#x5982;&#x4F55;&#x76D1;&#x542C;&#x4E00;&#x4E2A;&#x6570;&#x7EC4;&#x7684;&#x53D8;&#x5316;</a>
<br>
<a href="https://segmentfault.com/a/1190000015075679" target="_blank">Object.defineProperty &#x5BF9;&#x6570;&#x7EC4;&#x76D1;&#x542C;</a></p>
<h5 id="&#x53BB;&#x91CD;"><a name="&#x53BB;&#x91CD;" class="plugin-anchor" href="#&#x53BB;&#x91CD;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x53BB;&#x91CD;</h5>
<p>&#x65B9;&#x5F0F;&#x4E00;&#xFF1A;ES6 &#x65B0;&#x65B9;&#x5F0F;&#x53BB;&#x91CD;</p>
<pre><code>  function unique(){
  return Array.from(new Set(arr))
  }
  var arr= [1,2,3,1]
  unique(arr) // [1,2,3]
</code></pre><p>&#x65B9;&#x5F0F;&#x4E8C;&#xFF1A;&#x6700;&#x7B80;&#x5355;&#x6570;&#x7EC4;&#x53BB;&#x91CD;&#x6CD5;</p>
<pre><code>
/\*

- &#x65B0;&#x5EFA;&#x4E00;&#x65B0;&#x6570;&#x7EC4;&#xFF0C;&#x904D;&#x5386;&#x4F20;&#x5165;&#x6570;&#x7EC4;&#xFF0C;&#x503C;&#x4E0D;&#x5728;&#x65B0;&#x6570;&#x7EC4;&#x5C31; push &#x8FDB;&#x8BE5;&#x65B0;&#x6570;&#x7EC4;&#x4E2D;
- IE8 &#x4EE5;&#x4E0B;&#x4E0D;&#x652F;&#x6301;&#x6570;&#x7EC4;&#x7684; indexOf &#x65B9;&#x6CD5;
- \*/
  function uniq(array){
  var temp = []; //&#x4E00;&#x4E2A;&#x65B0;&#x7684;&#x4E34;&#x65F6;&#x6570;&#x7EC4;
  for(var i = 0; i &lt; array.length; i++){
  if(temp.indexOf(array[i]) == -1){
  temp.push(array[i]);
  }
  }
  return temp;
  }

var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5];
console.log(uniq(aa));
</code></pre><p>&#x65B9;&#x5F0F;&#x4E09;&#xFF1A;&#x5BF9;&#x8C61;&#x952E;&#x503C;&#x6CD5;&#x53BB;&#x91CD;</p>
<pre><code>
/\*

- &#x901F;&#x5EA6;&#x6700;&#x5FEB;&#xFF0C; &#x5360;&#x7A7A;&#x95F4;&#x6700;&#x591A;&#xFF08;&#x7A7A;&#x95F4;&#x6362;&#x65F6;&#x95F4;&#xFF09;
-
- &#x8BE5;&#x65B9;&#x6CD5;&#x6267;&#x884C;&#x7684;&#x901F;&#x5EA6;&#x6BD4;&#x5176;&#x4ED6;&#x4EFB;&#x4F55;&#x65B9;&#x6CD5;&#x90FD;&#x5FEB;&#xFF0C; &#x5C31;&#x662F;&#x5360;&#x7528;&#x7684;&#x5185;&#x5B58;&#x5927;&#x4E00;&#x4E9B;&#x3002;
- &#x73B0;&#x601D;&#x8DEF;&#xFF1A;&#x65B0;&#x5EFA;&#x4E00; js &#x5BF9;&#x8C61;&#x4EE5;&#x53CA;&#x65B0;&#x6570;&#x7EC4;&#xFF0C;&#x904D;&#x5386;&#x4F20;&#x5165;&#x6570;&#x7EC4;&#x65F6;&#xFF0C;&#x5224;&#x65AD;&#x503C;&#x662F;&#x5426;&#x4E3A; js &#x5BF9;&#x8C61;&#x7684;&#x952E;&#xFF0C;
- &#x4E0D;&#x662F;&#x7684;&#x8BDD;&#x7ED9;&#x5BF9;&#x8C61;&#x65B0;&#x589E;&#x8BE5;&#x952E;&#x5E76;&#x653E;&#x5165;&#x65B0;&#x6570;&#x7EC4;&#x3002;
- &#x6CE8;&#x610F;&#x70B9;&#xFF1A;&#x5224;&#x65AD;&#x662F;&#x5426;&#x4E3A; js &#x5BF9;&#x8C61;&#x952E;&#x65F6;&#xFF0C;&#x4F1A;&#x81EA;&#x52A8;&#x5BF9;&#x4F20;&#x5165;&#x7684;&#x952E;&#x6267;&#x884C;&#x201C;toString()&#x201D;&#xFF0C;
- &#x4E0D;&#x540C;&#x7684;&#x952E;&#x53EF;&#x80FD;&#x4F1A;&#x88AB;&#x8BEF;&#x8BA4;&#x4E3A;&#x4E00;&#x6837;&#xFF0C;&#x4F8B;&#x5982; n[val]-- n[1]&#x3001;n[&quot;1&quot;]&#xFF1B;
- &#x89E3;&#x51B3;&#x4E0A;&#x8FF0;&#x95EE;&#x9898;&#x8FD8;&#x662F;&#x5F97;&#x8C03;&#x7528;&#x201C;indexOf&#x201D;&#x3002;\*/
  function uniq(array){
  var temp = {}, r = [], len = array.length, val, type;
  for (var i = 0; i &lt; len; i++) {
  val = array[i];
  type = typeof val;
  if (!temp[val]) {
  temp[val] = [type];
  r.push(val);
  } else if (temp[val].indexOf(type) &lt; 0) {
  temp[val].push(type);
  r.push(val);
  }
  }
  return r;
  }

var aa = [1,2,&quot;2&quot;,4,9,&quot;a&quot;,&quot;a&quot;,2,3,5,6,5];
console.log(uniq(aa));
</code></pre><p>&#x65B9;&#x5F0F;&#x56DB;:&#x6570;&#x7EC4;&#x4E0B;&#x6807;&#x6CD5;</p>
<pre><code>
/\* \*

- &#x8FD8;&#x662F;&#x5F97;&#x8C03;&#x7528;&#x201C;indexOf&#x201D;&#x6027;&#x80FD;&#x8DDF;&#x65B9;&#x6CD5; 1 &#x5DEE;&#x4E0D;&#x591A;&#xFF0C;
- &#x5B9E;&#x73B0;&#x601D;&#x8DEF;&#xFF1A;&#x5982;&#x679C;&#x5F53;&#x524D;&#x6570;&#x7EC4;&#x7684;&#x7B2C; i &#x9879;&#x5728;&#x5F53;&#x524D;&#x6570;&#x7EC4;&#x4E2D;&#x7B2C;&#x4E00;&#x6B21;&#x51FA;&#x73B0;&#x7684;&#x4F4D;&#x7F6E;&#x4E0D;&#x662F; i&#xFF0C;
- &#x90A3;&#x4E48;&#x8868;&#x793A;&#x7B2C; i &#x9879;&#x662F;&#x91CD;&#x590D;&#x7684;&#xFF0C;&#x5FFD;&#x7565;&#x6389;&#x3002;&#x5426;&#x5219;&#x5B58;&#x5165;&#x7ED3;&#x679C;&#x6570;&#x7EC4;&#x3002;
- \*/
  function uniq(array){
  var temp = [];
  for(var i = 0; i &lt; array.length; i++) {
  //&#x5982;&#x679C;&#x5F53;&#x524D;&#x6570;&#x7EC4;&#x7684;&#x7B2C; i &#x9879;&#x5728;&#x5F53;&#x524D;&#x6570;&#x7EC4;&#x4E2D;&#x7B2C;&#x4E00;&#x6B21;&#x51FA;&#x73B0;&#x7684;&#x4F4D;&#x7F6E;&#x662F; i&#xFF0C;&#x624D;&#x5B58;&#x5165;&#x6570;&#x7EC4;&#xFF1B;&#x5426;&#x5219;&#x4EE3;&#x8868;&#x662F;&#x91CD;&#x590D;&#x7684;
  if(array.indexOf(array[i]) == i){
  temp.push(array[i])
  }
  }
  return temp;
  }

var aa = [1,2,&quot;2&quot;,4,9,&quot;a&quot;,&quot;a&quot;,2,3,5,6,5];
console.log(uniq(aa));
</code></pre><p>&#x65B9;&#x5F0F;&#x4E94;&#xFF1A;&#x4F18;&#x5316;&#x904D;&#x5386;&#x6570;&#x7EC4;&#x6CD5;</p>
<pre><code>
// &#x601D;&#x8DEF;&#xFF1A;&#x83B7;&#x53D6;&#x6CA1;&#x91CD;&#x590D;&#x7684;&#x6700;&#x53F3;&#x4E00;&#x503C;&#x653E;&#x5165;&#x65B0;&#x6570;&#x7EC4;
/\*

- &#x63A8;&#x8350;&#x7684;&#x65B9;&#x6CD5;
-
- &#x65B9;&#x6CD5;&#x7684;&#x5B9E;&#x73B0;&#x4EE3;&#x7801;&#x76F8;&#x5F53;&#x9177;&#x70AB;&#xFF0C;
- &#x5B9E;&#x73B0;&#x601D;&#x8DEF;&#xFF1A;&#x83B7;&#x53D6;&#x6CA1;&#x91CD;&#x590D;&#x7684;&#x6700;&#x53F3;&#x4E00;&#x503C;&#x653E;&#x5165;&#x65B0;&#x6570;&#x7EC4;&#x3002;
- &#xFF08;&#x68C0;&#x6D4B;&#x5230;&#x6709;&#x91CD;&#x590D;&#x503C;&#x65F6;&#x7EC8;&#x6B62;&#x5F53;&#x524D;&#x5FAA;&#x73AF;&#x540C;&#x65F6;&#x8FDB;&#x5165;&#x9876;&#x5C42;&#x5FAA;&#x73AF;&#x7684;&#x4E0B;&#x4E00;&#x8F6E;&#x5224;&#x65AD;&#xFF09;\*/
  function uniq(array){
  var temp = [];
  var index = [];
  var l = array.length;
  for(var i = 0; i &lt; l; i++) {
  for(var j = i + 1; j &lt; l; j++){
  if (array[i] === array[j]){
  i++;
  j = i;
  }
  }
  temp.push(array[i]);
  index.push(i);
  }
  console.log(index);
  return temp;
  }

var aa = [1,2,2,3,5,3,6,5];
console.log(uniq(aa));
</code></pre><p>&#x65B9;&#x5F0F;&#x516D;&#xFF1A; &#x6392;&#x5E8F;&#x540E;&#x76F8;&#x90BB;&#x53BB;&#x9664;&#x6CD5;</p>
<pre><code>
/\*

- &#x7ED9;&#x4F20;&#x5165;&#x6570;&#x7EC4;&#x6392;&#x5E8F;&#xFF0C;&#x6392;&#x5E8F;&#x540E;&#x76F8;&#x540C;&#x503C;&#x76F8;&#x90BB;&#xFF0C;
- &#x7136;&#x540E;&#x904D;&#x5386;&#x65F6;,&#x65B0;&#x6570;&#x7EC4;&#x53EA;&#x52A0;&#x5165;&#x4E0D;&#x4E0E;&#x524D;&#x4E00;&#x503C;&#x91CD;&#x590D;&#x7684;&#x503C;&#x3002;
- &#x4F1A;&#x6253;&#x4E71;&#x539F;&#x6765;&#x6570;&#x7EC4;&#x7684;&#x987A;&#x5E8F;
- \*/
  function uniq(array){
  array.sort();
  var temp=[array[0]];
  for(var i = 1; i &lt; array.length; i++){
  if( array[i] !== temp[temp.length-1]){
  temp.push(array[i]);
  }
  }
  return temp;
  }

var aa = [1,2,&quot;2&quot;,4,9,&quot;a&quot;,&quot;a&quot;,2,3,5,6,5];
console.log(uniq(aa));
</code></pre><h5 id="&#x6392;&#x5E8F;"><a name="&#x6392;&#x5E8F;" class="plugin-anchor" href="#&#x6392;&#x5E8F;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x6392;&#x5E8F;</h5>
<p>&#x65B9;&#x6CD5;&#x4E00;&#xFF1A;&#x5192;&#x6CE1;&#x6392;&#x5E8F;</p>
<pre><code>var arr1 = [{name:&quot;&#x5C0F;&#x660E;&quot;,age:15},{name:&quot;&#x5C0F;&#x82B3;&quot;,age:14}];
for(var i=0;i&lt;arr1.length;i++){
    for(var j=0;j&lt;arr1.length;j++){
      if(arr1[i].age&gt;arr1[j].age){
          var tem=arr1[i];
          arr1[i]=arr1[j];
          arr1[j]=tem;
      }
    }
}
console.log(arr1);
</code></pre><p>&#x65B9;&#x6CD5;&#x4E8C;&#xFF1A;sort()&#x65B9;&#x6CD5;&#x6392;&#x5E8F;
sort()&#x65B9;&#x6CD5;&#x9ED8;&#x8BA4;&#x6309; unicode &#x7F16;&#x7801;&#x987A;&#x5E8F;&#x8FDB;&#x884C;&#x6392;&#x5E8F;&#xFF0C;&#x56E0;&#x6B64;&#x9700;&#x8981;&#x4F20;&#x5165;&#x56DE;&#x8C03;&#x51FD;&#x6570;&#x8FDB;&#x884C;&#x6BD4;&#x8F83;&#x6392;&#x5E8F;
sort()&#x65B9;&#x6CD5;&#x6309;&#x7167;&#x5347;&#x5E8F;&#x6392;&#x5217;&#x6570;&#x7EC4;&#x9879;&#xFF0C;&#x4F1A;&#x8C03;&#x7528;&#x6BCF;&#x4E2A;&#x6570;&#x7EC4;&#x9879;&#x7684; toString()&#x8F6C;&#x578B;&#x65B9;&#x6CD5;&#xFF0C;&#x7136;&#x540E;&#x6BD4;&#x8F83;&#x5F97;&#x5230;&#x7684;&#x5B57;&#x7B26;&#x4E32;&#x3002;
toString()&#x65B9;&#x6CD5;&#x662F;&#x628A;&#x5E03;&#x5C14;&#x503C;&#x6216; BooleanObject &#x8F6C;&#x6362;&#x4E3A;&#x5B57;&#x7B26;&#x4E32;&#xFF0C;&#x5E76;&#x8FD4;&#x56DE;&#x7ED3;&#x679C;&#x3002;
compare()&#x51FD;&#x6570;&#x65B9;&#x6CD5;&#x662F;&#x4E00;&#x4E2A;&#x6BD4;&#x8F83;&#x51FD;&#x6570;&#xFF0C;&#x4F5C;&#x4E3A; sort()&#x65B9;&#x6CD5;&#x7684;&#x53C2;&#x6570;</p>
<pre><code>var arr1 = [{name:&quot;&#x5C0F;&#x660E;&quot;,age:15},{name:&quot;&#x5C0F;&#x82B3;&quot;,age:14},{name:&quot;&#x5C0F;&#x590D;&quot;,age:19},{name:&quot;&#x5C0F;&#x662F;&quot;,age:30}];
//&#x6839;&#x636E;&#x7528;&#x6237;&#x7684;&#x5E74;&#x9F84;&#x8FDB;&#x884C;&#x6392;&#x5E8F;
arr1.sort(function(a,b){
    return a.age-b.age;
})
console.log(arr1);
</code></pre><p>&#x65B9;&#x6CD5;&#x4E09;&#xFF1A;&#x5FEB;&#x901F;&#x6392;&#x5E8F;&#xFF08;&#x6027;&#x80FD;&#x6700;&#x597D;&#xFF09;
Math.floor(x)&#x65B9;&#x6CD5;&#x662F;&#x5411;&#x4E0B;&#x53D6;&#x6574;&#xFF0C;&#x8FD4;&#x56DE;&#x5C0F;&#x4E8E;&#x6216;&#x7B49;&#x4E8E; x &#x7684;&#x6700;&#x63A5;&#x8FD1;&#x7684;&#x6574;&#x6570;&#x3002;
splice(index,num,item)&#x65B9;&#x6CD5;&#x662F;&#x5411;&#x6570;&#x7EC4;&#x4E2D;&#x6DFB;&#x52A0;&#x9879;&#x76EE;&#xFF0C;&#x6216;&#x662F;&#x4ECE;&#x6570;&#x7EC4;&#x4E2D;&#x5220;&#x9664;&#x9879;&#x76EE;&#xFF0C;&#x5E76;&#x8FD4;&#x56DE;&#x88AB;&#x5220;&#x9664;&#x7684;&#x9879;&#x76EE;&#x3002;
&#xFF08;1&#xFF09;index &#x662F;&#x6574;&#x6570;&#xFF0C;&#x88AB;&#x64CD;&#x4F5C;&#x9879;&#x76EE;&#x6240;&#x5728;&#x7684;&#x4F4D;&#x7F6E;&#xFF08;&#x5FC5;&#x987B;&#xFF09;
&#xFF08;2&#xFF09;num &#x662F;&#x6574;&#x6570;&#xFF0C;&#x8981;&#x5220;&#x9664;&#x7684;&#x9879;&#x76EE;&#x7684;&#x6570;&#x91CF;&#xFF0C;&#x5982;&#x679C;&#x4E3A; 0&#xFF0C;&#x8868;&#x793A;&#x4E0D;&#x5220;&#x9664;&#xFF08;&#x5FC5;&#x987B;&#xFF09;
&#xFF08;3&#xFF09;item &#x662F;&#x5411;&#x6570;&#x7EC4;&#x4E2D;&#x6DFB;&#x52A0;&#x7684;&#x65B0;&#x9879;&#x76EE;&#xFF0C;&#x53EF;&#x4EE5;&#x662F;&#x591A;&#x4E2A;&#xFF08;&#x53EF;&#x9009;&#xFF09;
push()&#x65B9;&#x6CD5;&#x662F;&#x5411;&#x6570;&#x7EC4;&#x672B;&#x5C3E;&#x6DFB;&#x52A0;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;&#x65B0;&#x9879;&#x76EE;&#x5E76;&#x8FD4;&#x56DE;&#x65B0;&#x6570;&#x7EC4;&#x7684;&#x957F;&#x5EA6;
concat()&#x65B9;&#x6CD5;&#x8FDE;&#x63A5;&#x4E24;&#x4E2A;&#x6216;&#x591A;&#x4E2A;&#x6570;&#x7EC4;&#xFF0C;&#x4E0D;&#x4F1A;&#x6539;&#x53D8;&#x539F;&#x6709;&#x6570;&#x7EC4;&#xFF0C;&#x8FD4;&#x56DE;&#x4E00;&#x4E2A;&#x65B0;&#x6570;&#x7EC4;</p>
<pre><code>var arr=[];
for(var i=0;i&lt;10000;i++){
    var res = Math.floor(Math.random()*1000);
    arr.push(res);
}

function quickOrder(arr){
    var left = [];
    var right = [];
    if(arr.length&lt;=1){
        return arr;
    }
    var first = arr.splice(0,1);
    for(var i=0;i&lt;arr.length;i++){
        if(first&lt;arr[i]){
            left.push(arr[i]);
        }else{
            right.push(arr[i]);
        }
    }
    return quickOrder(left).concat(first,quickOrder(right));
}
console.log(quickOrder(arr));
</code></pre><p>&#x65B9;&#x6CD5;&#x56DB;&#xFF1A; &#x63D2;&#x5165;&#x6392;&#x5E8F;
&#xFF08;1&#xFF09;&#x4ECE;&#x7B2C;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#x5F00;&#x59CB;&#xFF0C;&#x8BE5;&#x5143;&#x7D20;&#x53EF;&#x4EE5;&#x8BA4;&#x4E3A;&#x5DF2;&#x7ECF;&#x88AB;&#x6392;&#x5E8F;
&#xFF08;2&#xFF09;&#x53D6;&#x51FA;&#x4E0B;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#xFF0C;&#x5728;&#x5DF2;&#x7ECF;&#x6392;&#x5E8F;&#x7684;&#x5143;&#x7D20;&#x5E8F;&#x5217;&#x4E2D;&#x626B;&#x63CF;
&#xFF08;3&#xFF09;&#x5982;&#x679C;&#x8BE5;&#x5143;&#x7D20;&#xFF08;&#x5DF2;&#x6392;&#x5E8F;&#xFF09;&#x5927;&#x4E8E;&#x65B0;&#x5143;&#x7D20;&#xFF0C;&#x5C06;&#x8BE5;&#x5143;&#x7D20;&#x79FB;&#x5230;&#x4E0B;&#x4E00;&#x4F4D;&#x7F6E;
&#xFF08;4&#xFF09;&#x91CD;&#x590D;&#x6B65;&#x9AA4; 3&#xFF0C;&#x76F4;&#x5230;&#x627E;&#x5230;&#x5DF2;&#x6392;&#x5E8F;&#x7684;&#x5143;&#x7D20;&#x5C0F;&#x4E8E;&#x6216;&#x8005;&#x7B49;&#x4E8E;&#x65B0;&#x5143;&#x7D20;&#x7684;&#x4F4D;&#x7F6E;
&#xFF08;5&#xFF09;&#x5C06;&#x65B0;&#x5143;&#x7D20;&#x63D2;&#x5165;&#x5230;&#x4E0B;&#x4E00;&#x4F4D;&#x7F6E;&#x4E2D;
&#xFF08;6&#xFF09;&#x91CD;&#x590D;&#x6B65;&#x9AA4; 2</p>
<pre><code>var array = [1,4,-8,-3,6,12,9,8];
function insertSort(arr){
//&#x5047;&#x8BBE;&#x7B2C;0&#x5143;&#x7D20;&#x662F;&#x6709;&#x5E8F;&#x5E8F;&#x5217;&#xFF0C;&#x7B2C;1&#x5143;&#x7D20;&#x4E4B;&#x540E;&#x662F;&#x65E0;&#x5E8F;&#x7684;&#x5E8F;&#x5217;&#x3002;&#x4ECE;&#x7B2C;1&#x5143;&#x7D20;&#x5F00;&#x59CB;&#x4F9D;&#x6B21;&#x5C06;&#x65E0;&#x5E8F;&#x5E8F;&#x5217;&#x7684;&#x5143;&#x7D20;&#x63D2;&#x5165;&#x5230;&#x6709;&#x5E8F;&#x5E8F;&#x5217;&#x4E2D;
    for(var i=1; i&lt;arr.length;i++){
        if(arr[i]&lt;arr[i-1]){
            //&#x53D6;&#x51FA;&#x65E0;&#x5E8F;&#x5E8F;&#x5217;&#x4E2D;&#x9700;&#x8981;&#x63D2;&#x5165;&#x7684;&#x7B2C;i&#x4E2A;&#x5143;&#x7D20;
            var temp = arr[i];
            //&#x5B9A;&#x4E49;&#x6709;&#x5E8F;&#x4E2D;&#x7684;&#x6700;&#x540E;&#x4E00;&#x4E2A;&#x4F4D;&#x7F6E;
            var j = i-1;
            arr[i] = arr[j];
            //&#x6BD4;&#x8F83;&#x5927;&#x5C0F;&#xFF0C;&#x627E;&#x5230;&#x63D2;&#x5165;&#x7684;&#x4F4D;&#x7F6E;
            while(j&gt;=0&amp;&amp;temp&lt;arr[j]){
                arr[j+1] = arr[j];
                j--;
            };
            //&#x63D2;&#x5165;
            arr[j+1] = temp;
        }
    }
  }
insertSort(array)
document.write(array);
</code></pre><p>&#x65B9;&#x6CD5;&#x4E94;&#xFF1A;&#x9009;&#x62E9;&#x6392;&#x5E8F;
&#xFF08;1&#xFF09;&#x5728;&#x672A;&#x6392;&#x5E8F;&#x5E8F;&#x5217;&#x4E2D;&#x627E;&#x5230;&#x6700;&#x5C0F;&#xFF08;&#x5927;&#xFF09;&#x5143;&#x7D20;
&#xFF08;2&#xFF09;&#x5E76;&#x5B58;&#x653E;&#x5230;&#x6392;&#x5E8F;&#x5E8F;&#x5217;&#x7684;&#x8D77;&#x59CB;&#x4F4D;&#x7F6E;
&#xFF08;3&#xFF09;&#x7136;&#x540E;&#xFF0C;&#x518D;&#x4ECE;&#x5269;&#x4F59;&#x672A;&#x6392;&#x5E8F;&#x5143;&#x7D20;&#x4E2D;&#x7EE7;&#x7EED;&#x5BFB;&#x627E;&#x6700;&#x5C0F;&#xFF08;&#x5927;&#xFF09;&#x5143;&#x7D20;
&#xFF08;4&#xFF09;&#x7136;&#x540E;&#x653E;&#x5230;&#x5DF2;&#x6392;&#x5E8F;&#x5E8F;&#x5217;&#x7684;&#x672B;&#x5C3E;&#x3002;
&#xFF08;5&#xFF09;&#x4EE5;&#x6B64;&#x7C7B;&#x63A8;</p>
<pre><code>var array = [1,4,-8,-3,6,12,9,8];
function selectSort(arr){
    for(var i=0;i&lt;arr.length;i++){
        //&#x8BBE;&#x7F6E;&#x5F53;&#x524D;&#x8303;&#x56F4;&#x6700;&#x5C0F;&#x503C;&#x548C;&#x7D22;&#x5F15;
        var min = arr[i];
        var minIndex = i;
        //&#x5728;&#x8BE5;&#x8303;&#x56F4;&#x9009;&#x51FA;&#x6700;&#x5C0F;&#x503C;
        for(var j=i+1;j&lt;arr.length;j++){
            if(min&gt;arr[j]){
                min = arr[j];
                minIndex = j;
            }
        }
        //&#x5C06;&#x6700;&#x5C0F;&#x503C;&#x63D2;&#x5165;,&#x5E76;&#x5C06;&#x539F;&#x6765;&#x4F4D;&#x7F6E;&#x7684;&#x6700;&#x5C0F;&#x503C;&#x5220;&#x9664;
        arr.splice(i,0,min);
        arr.splice(minIndex+1,1);
    }
}
selectSort(array);
document.write(array);
</code></pre><p>&#x65B9;&#x6CD5;&#x516D;&#xFF1A; &#x539F;&#x751F; javascript &#x6570;&#x7EC4;&#x6392;&#x5E8F;</p>
<pre><code>function order(arr){
    var len=arr.length;
    var max=0; // &#x5B9A;&#x4E49;&#x4E00;&#x4E2A;&#x53D8;&#x91CF;max,&#x7528;&#x4E8E;&#x4FDD;&#x5B58;&#x6570;&#x7EC4;&#x4E2D;&#x7684;&#x6700;&#x5927;&#x503C;&#x3002;
    var num=0; // &#x5B9A;&#x4E49;&#x4E00;&#x4E2A;&#x53D8;&#x91CF;num,&#x7528;&#x4E8E;&#x4FDD;&#x5B58;&#x6570;&#x7EC4;&#x4E2D;&#x6700;&#x5927;&#x503C;&#x7684;&#x4F4D;&#x7F6E;&#x3002;
    var mid=0; // &#x5B9A;&#x4E49;&#x4E00;&#x4E2A;&#x53D8;&#x91CF;mid,&#x7528;&#x4E8E;&#x4EA4;&#x6362;&#x6700;&#x5927;&#x503C;&#x548C;&#x6700;&#x540E;&#x4E00;&#x4E2A;&#x503C;&#x3002;
    for(var i=len-1;i&gt;0;i--){
        max=arr[0];
        for(var j=0;j&lt;=i;j++){
            if(max&lt;=arr[j]){
                max=arr[j]; // &#x83B7;&#x53D6;&#x6570;&#x7EC4;&#x4E2D;&#x6700;&#x5927;&#x503C;
                num=j;
            }
        }
        mid=arr[i]; // &#x5C06;&#x6570;&#x7EC4;&#x6700;&#x540E;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#x7684;&#x503C;&#x8D4B;&#x7ED9;&#x4E2D;&#x95F4;&#x53D8;&#x91CF;&#xFF1B;
        arr[num]=mid; // &#x5C06;&#x4E2D;&#x95F4;&#x53D8;&#x91CF;&#x8D4B;&#x7ED9;&#x6700;&#x5927;&#x503C;&#x7684;&#x5143;&#x7D20;&#xFF1B;
        arr[i]=max; // &#x5C06;&#x6700;&#x5927;&#x503C;&#x8D4B;&#x7ED9;&#x6570;&#x7EC4;&#x6700;&#x540E;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#xFF1B;
    }
    return arr;
}
</code></pre><h5 id="&#x65F6;&#x95F4;&#x590D;&#x6742;&#x5EA6;&#x548C;&#x7A7A;&#x95F4;&#x590D;&#x6742;&#x5EA6;"><a name="&#x65F6;&#x95F4;&#x590D;&#x6742;&#x5EA6;&#x548C;&#x7A7A;&#x95F4;&#x590D;&#x6742;&#x5EA6;" class="plugin-anchor" href="#&#x65F6;&#x95F4;&#x590D;&#x6742;&#x5EA6;&#x548C;&#x7A7A;&#x95F4;&#x590D;&#x6742;&#x5EA6;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x65F6;&#x95F4;&#x590D;&#x6742;&#x5EA6;&#x548C;&#x7A7A;&#x95F4;&#x590D;&#x6742;&#x5EA6;</h5>
<p><a href="https://blog.csdn.net/saucxs/article/details/97757797" target="_blank">&#x65F6;&#x95F4;&#x590D;&#x6742;&#x5EA6;&#x548C;&#x7A7A;&#x95F4;&#x590D;&#x6742;&#x5EA6;</a>
<a href="https://www.jianshu.com/p/88a1c8ed6254" target="_blank">&#x7B97;&#x6CD5;&#x7684;&#x65F6;&#x95F4;&#x590D;&#x6742;&#x5EA6;&#x548C;&#x7A7A;&#x95F4;&#x590D;&#x6742;&#x5EA6;</a></p>
<pre><code>&#x5F85;&#x66F4;&#x65B0;
</code></pre><footer class="page-footer"><span class="copyright">Copyright &#xA9; wml 2019 all right reserved&#xFF0C;powered by Gitbook</span><span class="footer-modification">&#x8BE5;&#x6587;&#x4EF6;&#x4FEE;&#x8BA2;&#x65F6;&#x95F4;&#xFF1A;
2020-01-13 18:01:25
</span></footer>
                                
                                </section>
                            
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                        </div>
                    </div>
                
            </div>

            
                
                <a href="jsReadme.html" class="navigation navigation-prev " aria-label="Previous page: javaScript">
                    <i class="fa fa-angle-left"></i>
                </a>
                
                
                <a href="object.html" class="navigation navigation-next " aria-label="Next page: 对象">
                    <i class="fa fa-angle-right"></i>
                </a>
                
            
        
    </div>

    <script>
        var gitbook = gitbook || [];
        gitbook.push(function() {
            gitbook.page.hasChanged({"page":{"title":"数组","level":"1.3.1","depth":2,"next":{"title":"对象","level":"1.3.2","depth":2,"path":"category/js/object.md","ref":"category/js/object.md","articles":[]},"previous":{"title":"javaScript","level":"1.3","depth":1,"path":"category/js/jsReadme.md","ref":"category/js/jsReadme.md","articles":[{"title":"数组","level":"1.3.1","depth":2,"path":"category/js/array.md","ref":"category/js/array.md","articles":[]},{"title":"对象","level":"1.3.2","depth":2,"path":"category/js/object.md","ref":"category/js/object.md","articles":[]},{"title":"函数","level":"1.3.3","depth":2,"path":"category/js/function.md","ref":"category/js/function.md","articles":[]},{"title":"字符串","level":"1.3.4","depth":2,"path":"category/js/string.md","ref":"category/js/string.md","articles":[]}]},"dir":"ltr"},"config":{"plugins":["-lunr","anchors","sitemap-general","toggle-chapters","expandable-chapters","splitter","edit-link","advanced-emoji","tbfed-pagefooter"],"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"pluginsConfig":{"tbfed-pagefooter":{"copyright":"Copyright &copy wml 2019","modify_label":"该文件修订时间：","modify_format":"YYYY-MM-DD HH:mm:ss"},"github":{"url":"https://gitee.com/chengdaohua/remarkBook"},"simple-page-toc":{"maxDepth":3,"skipFirstH1":false},"splitter":{},"search-pro":{"cutWordLib":"nodejieba","defineWord":["gitbook-use"]},"search":{},"donate":{"wechat":"","alipay":"","title":"","button":"赏","alipayText":"支付宝打赏","wechatText":"微信打赏"},"sitemap-general":{"prefix":"https://chengdaohua.gitee.io/remarkbook/"},"changyan":{"appid":"cytowLiqM","conf":"the conf in the code generate by changyan"},"fontsettings":{"theme":"white","family":"sans","size":2},"highlight":{},"sitemap":{"hostname":"https://wmlhub.gitee.io/gitbook/"},"baidu":{"token":"084b900a1e26f6bae60e09d18e3aa455"},"advanced-emoji":{"embedEmojis":false},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":true,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"edit-link":{"label":"Edit This Page","base":"https://gitee.com/chengdaohua/remarkBook"},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false},"anchors":{},"toggle-chapters":{},"expandable-chapters":{}},"theme":"default","author":"chengdaohua","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"title":"前端学习笔记","language":"cn","links":{"sidebar":{"Home":"https://chengdaohua.gitee.io/remarkbook/"}},"gitbook":"3.2.3","description":"记录日常学习总结"},"file":{"path":"category/js/array.md","mtime":"2020-01-13T10:01:25.296Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2020-05-22T06:18:21.707Z"},"basePath":"../..","book":{"language":""}});
        });
    </script>
</div>

        
    <script src="../../gitbook/gitbook.js"></script>
    <script src="../../gitbook/theme.js"></script>
    
        
        <script src="../../gitbook/gitbook-plugin-toggle-chapters/toggle.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-splitter/splitter.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-edit-link/plugin.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-search/search-engine.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-search/search.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-sharing/buttons.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    

    </body>
</html>

